<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>

    <body class="page-mine">
        <!-- 头部 -->
        <div class="header pd16">
            <a href="./edit.html" class="header-top dpflex aicenter">
                <img id="avatar" class="avatar mr16" width="100" height="100" src="../img/dog.jpg" alt="头像">
                <span id="nickname" class="account fz20">1655424127</span>
                <i class="iconfont icon-open flex1 fz24"></i>
            </a>
            <p class="header-sign mt20 color8a fz18">个性签名: <span id="signText">这个人很懒，什么都没留下</span></p>
        </div>


        <!-- 头像上传input -->
        <input type="file" id="uploadAvatar">

        <!-- 个人动态 -->
        <div class="dynamic mt20 dpflex aicenter pd16">
            <i class="iconfont icon-list fz30"></i>
            <h3>个人动态</h3>
            <div class="color8a flex1 dynamicnum"><span id="dynamic">10</span>条
                <i class="iconfont icon-open fz24"></i>
            </div>
        </div>

        <!-- 运动数据 -->
        <div class="sport-data pd16 mt20">
            <div class="sdtitle dpflex aicenter">
                <i class="iconfont icon-data fz30"></i>
                <h3>运动数据</h3>
                <a class="sdtitler flex1" href="./sportData.html"><i class="iconfont icon-open fz24"></i></a>
            </div>
            <div class="dpflex">
                <div id="timer">
                    <p class="color8a">总运动</p>
                    <span id="sumTime">--</span>
                    分钟
                </div>
                <div id="calorie">
                    <p class="color8a">本周消耗</p>
                    <span id="sumCalorie">--</span>千卡
                </div>
            </div>
        </div>


        <!-- 我的运动徽章 -->
        <div class="sport-badge mt20 pd16 dpflex aicenter">
            <i class="iconfont icon-badge fz30"></i>
            <h3>运动徽章</h3>
            <div class="flex1"><a href="./badge.html"><i class="iconfont icon-open fz24"></i></a></div>
        </div>

        <!-- 退出登录 -->
        <input id="logoutBtn" type="button" value="退出登录" class="ipt-large logout-btn mt20 fz20">
    </body>

</html>